@charset "utf-8";
#top #banner {
	width:700px;
	height:120px;
	background-image:url(../images/banner.jpg);
}

#top #links ul li {
	float:left;    /*导航链接向左浮动*/
	width:100px;   /*背景图片的宽和高*/
	height:33px;
	text-align:center;    /*导航标签文本居中*/
	/*注意，这个地方的背景图片不是设置在li中，而是在a中*/
}

/*默认导航的背景图片*/
#top #links ul li a{
	/*以下设置高和宽，并不能改变超链接的大小*/
	width:100px;
	/*以下如果使用height，那么后面设置内边距padding-top时候的5px，加上本身的height33px，会达到38px，
	那么背景图片的33px不够，则重复显示，所以使用line-height替换height*/
	/*height:33px;
	padding-top:5px;*/
	line-height:33px;     /*整个一行高度33px，并且文字自动垂直居中*/
	
	display:block;       /*默认超链接的大小是和文本大小相同，这个时候需要将a设置为使用区块显示*/
	background-image:url(../images/button1.jpg);
	text-decoration:none;   /*去掉下划线*/
	color:#664543;
	
}

/*鼠标移动到超链接上，改变背景图片*/
#top #links ul li a:hover{
	background-image:url(../images/button1_bg.jpg);
}